<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/index.css" type="text/css"/>
</head>
<body>
<div class="wrap">
    <div class="header">
        <div class="top">
            <div class="top-content">
                <div class="top-left">
                    <p>问网鼎科技欢迎您</p>
                </div>
                <!--top-left结束-->
                <div class="top-right">
                    <ul>
                        <li>
                            <a href="#">设为首页&nbsp;|</a>
                        </li>
                        <li>
                            <a href="#">联系方式&nbsp;|</a>
                        </li>
                        <li>
                            <a href="#">新闻动态&nbsp;|</a>
                        </li>
                        <li>
                            <a href="#">网站导航&nbsp;|</a>
                        </li>
                        <li>
                            <a href="#">全国统一服务热线及：400-0571-335</a>
                        </li>
                    </ul>
                </div>
                <!--top-right结束-->
            </div>
            <!--top-content结束-->
        </div>
        <!--top结束-->
        <div class="logo">
            <div class="logo-left">
                <img src="images/logo.png"/>
            </div>
            <!--logo-left结束-->
            <div class="nav">
                <ul>
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">关于问鼎</a>
                    </li>
                    <li>
                        <a href="#">数据中心</a>
                    </li>
                    <li>
                        <a href="#">增值服务</a>
                    </li>
                    <li>
                        <a href="#">解决方案</a>
                    </li>
                    <li>
                        <a href="#">客户自助</a>
                    </li>
                </ul>
            </div>
            <!--nav结束-->
        </div>
        <!--logo结束-->
    </div>
    <!--header结束-->
    <div class="banner">
        <div class="pic">
            <ul>
                <li style="left:0px;">
                    <a href="#">
                        <img src="images/banner.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/1.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/2.jpg"/>
                    </a>
                </li>
            </ul>
        </div>
        <!--pic结束，用来存放图片的-->
        <div class="left but">
            <div class="white"></div>
            <!--white结束-->
        </div>
        <!--left结束，用来存放icon-left的-->
        <div class="right but">
            <div class="white"></div>
            <!--white结束-->
        </div>
        <!--right结束，用来存放icon-right的-->
        <div class="buttom">
            <ul>
                <li class="bg"></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!--box结束，用来存放icon-circle的-->
    </div>
    <!--banner结束-->
    <div class="clear"></div>
    <div class="main">
        <div class="main-content">
            <ul>
                <li>
                    <div class="part">
                        <a href="#"><img src="images/one.png"/></a>
                        <h3><a href="#">服务器托管</a></h3><br/>
                        <a href="#">
                            <p>电信级标准机房服务器托管，多线路可选，直连电信、</p>
                            <p>联通、移动骨干网，贴心的服务，稳定的数据中心，IP</p>
                            <p>地址资源丰富，提供灵活多变的宽带接入服务方案。</p>
                        </a>
                        <div class="more">
                            <p><a href="#">了解更多</a></p>
                        </div>
                        <!--more结束，用来存放了解更多-->
                    </div>
                    <!--part结束，用来存放每块区域的内容-->
                </li>
                <li>
                    <div class="part">
                        <a href="#"><img src="images/one.png"/></a>
                        <h3><a href="#">服务器租用</a></h3><br/>
                        <a href="#">
                        <p>为客户提供DELL/IBM/HP灵活品牌、灵活配置的定制化服</p>
                        <p>务器租用业务，游戏运营、CDN分布式服务，可根据行业</p>
                        <p>特点、客户规模制定完善的服务方案。</p>
                        </a>
                        <div class="more">
                            <p><a href="#">了解更多</a></p>
                        </div>
                        <!--more结束，用来存放了解更多-->
                    </div>
                    <!--part结束，用来存放每块区域的内容-->
                </li>
                <li>
                    <div class="part">
                        <a href="#"><img src="images/one.png"/></a>
                        <h3><a href="#">增值服务</a></h3><br/>
                        <a href="#">
                        <p>千兆级硬件防火墙、网络监控、服务代维、反垃圾邮件</p>
                        <p>网关，凭借细心认真的客户需求分析，为用户提供网络</p>
                        <p>全方位维护服务，减少企业的重复投入。</p>
                        </a>
                        <div class="more">
                            <p><a href="#">了解更多</a></p>
                        </div>
                        <!--more结束，用来存放了解更多-->
                    </div>
                    <!--part结束，用来存放每块区域的内容-->
                </li>
            </ul>
        </div>
        <!--main-content结束，用来存放主要内容的-->
        <div class="friendlink">
            <div class="orange orangeLeft"></div>
            <!--orange结束，用来存放两边的buttom-->
            <ul>
                <li>
                    <a href="#"><img src="images/dianxin1.png"/></a>
                </li>
                <li>
                    <a href="#"><img src="images/liantong.png"/></a>
                </li>
                <li>
                    <a href="#"><img src="images/tietong.png"/></a>
                </li>
                <li>
                    <a href="#"><img src="images/wangtong.png"/></a>
                </li>
                <li>
                    <a href="#"><img src="images/dianxin2.png"/></a>
                </li>
            </ul>
            <div class="orange orangeRight"></div>
            <!--orange结束，用来放两边的buttom-->
        </div>
        <!--friendlink结束，用来存放友情链接-->
        <div class="container">
            <div class="recommand">
                <div class="recommand-left">
                    <img src="images/yes.png">
                    <span><a href="#">租用推荐</a></span>
                </div>
                <!--recommand-left结束，用来放租用推荐的标题栏左边的-->
                <div class="recommand-right">
                    <span><a href="#">详细进入&gt;&gt;</a></span>
                </div>
                <!--recommand-right结束，用来放详细进入的-->
                <div class="clear"></div>
                <!--clear结束，清楚浮动-->
                <div class="recommand-content">
                <div class="recommand-left-content">
                    <h3><a href="#">负载均衡：</a></h3>
                    <a href="#">
                    <p>立方云内建强大的负载均衡器，实现基于传输层</p>
                    <p>TCP/UDP传输协议进行多台云主机数据和访问分流。提</p>
                    <p>高云主机应用程序可用性和可扩展性的功能。</p>
                    <h3 class="recommand-left-content2">集团私有云：</h3>
                    <p>立方云内建功能强大的负载均衡器，实现基于传输层</p>
                    <p>TCP/UDP传输协议进行多台云主机数...</p>
                    </a>
                </div>
                <!--recommand-left-content结束，用来放租用推荐左边内容的-->
                <div class="recommand-right-content">
                    <a href="#"><img src="images/reg.png"/></a>
                </div>
                <!--recommand-right-content结束，用来放租用推荐的图片的-->
                </div>
                <!--recommand-content结束，用来存放租用推荐左右两边内容的-->
            </div>
            <!--recommand结束，用来存放租用推荐全部内容-->
            <div class="recommand">
                <div class="recommand-left">
                    <img src="images/yes.png">
                    <span><a href="#">新闻中心</a></span>
                </div>
                <!--recommand-left结束，用来放新闻中心的标题栏左边的-->
                <div class="recommand-right">
                    <span class="title-right"><a href="#">更多&gt;&gt;</a></span>
                </div>
                <!--recommand-right结束，用来放更多的-->
                <div class="clear"></div>
                <!--clear结束，清楚浮动-->
                <div class="recommand-content recommand-content2">
                <div class="news-list">
                    <ul class="clearfix">
                        <li>
                            <a href="#">热烈庆祝网鼎科技获得IDC/ISP牌照</a><span class="date">2014-01-08</span></span>
                        </li>
                        <li>
                            <a href="#">网鼎互联网云计算中心-太湖IDC启用</a><span class="date">2014-01-08</span>
                        </li>
                        <li>
                            <a href="#">网鼎湖州太湖IDC---火爆促销中```</a><span class="date">2014-01-08</span></span>
                        </li>
                        <li>
                            <a href="#">整顿不良信息，未备案网站通知</a><span class="date">2014-01-08</span></span>
                        </li>
                        <li>
                            <a href="#">业务：杭州主机，服务器托管</a><span class="date">2014-01-08</span>
                        </li>
                    </ul>
                </div>
                <!--news-list结束，用来存放新闻中心内容的-->
                </div>
            </div>
            <!--recommand结束，用来存放新闻中心全部内容-->
        </div>
        <!--container结束，用来放下面的租用推荐和新闻中心-->
    </div>
    <!--main结束-->
    <div class="footer">
        <div class="foot-content clearfix">
            <div class="foot-content-left">
                <p>Copyright&copy;2014All Rights Reserved.Woodnn Technology Inc</p>
                <p>地址：浙江省杭州市拱墅区新文路33号北部软件园天堂E谷4号楼428室/7*24小时服务电话400-0571-335</p>
                <p>备案：0571-89935166/总机：0571-85181000/传真：0571-85181000-832&nbsp;腾讯企业QQ站长统计</p>
            </div>
            <!--foot-content-left结束，存放尾部左边的信息-->
            <div class="foot-content-right">
                <span><img src="images/car.png"/></span>
                <p>&lt;&lt;中华人民共和国增值电信业务经营许可证&gt;&gt;</p>
                <p>编号：浙B1.B2-20110355</p>
                <p>浙ICP备11039130号-1</p>
            </div>
        </div>
        <!--foot-content结束，存放尾部左右两边的信息-->
    </div>
    <!--foot结束，存放尾部信息的大盒子-->
</div>
<!--wrap结束-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/banner.js"></script>
</body>
</html>